<template>
<view>
	<!-- 详情模态框 begin -->
	
		<scroll-view scroll-y="true" style="min-height: 600rpx;" class="scrollbox">
			<view class="u-padding-20">
				<h3>《{{bookname}}》</h3>
				<u-parse :content="bookcontent"></u-parse>
			</view>
		</scroll-view>
		<view class="u-flex u-flex-fill " style="margin-bottom: 50px;">
			<view class="u-flex-7 add-to-cart-btn__close" @tap="closeBookDetail_Modal">关闭</view>
			<view class="u-flex-5 add-to-cart-btn__cart" @tap="handlegobook">
				<view>进入电子书</view>
			</view>
		</view>
	

</view>
</template>

<script>
import bookinfoVue from '../pages/componentsC/book/bookinfo.vue';
	export default {
		name: "bookModal",
		props: {
			bookname:"",
			bookgobookurl:"",
			bookcontent:""
		},
	data() {
		return {
			bookgo_bookurl:''
		};
	},
	
	created(){
		
		console.log(this.bookgobookurl)


			
		},
	methods:{
		closeBookDetail_Modal() {
			this.$emit('eventCloseBookDetailModal', false);
		},
		handlegobook(){
			uni.navigateTo({url:this.bookgobookurl});
		}
	}
};
</script>
<style lang="scss" scoped>

.scrollbox{
	background: #ffffff;
	height: calc(100vh - var(--window-top) - 150px);
	padding-bottom: 4px;
}

.add-to-cart-btn {
		&__cart{
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100rpx;
			background-color: #63E5CB;
			color: #ffffff;
			font-size: 14px;
			border-radius: 0 0 12rpx 0;
		}
		&__close{
			background-color:#e45656;
			color: #f9ae3d;
			font-size: 14px;
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100rpx;
			border-radius: 0 0 0 12rpx;
		}
	}

</style>
